<template>
	<view class="radius-8 bg-white mx-16 px-16 py-12 mb-12" :class="$attrs"  style="box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.05);">
		<view class="flex justify-between item-center mb-12">
			<text class="text-color-regular fs-16 text-bold">数据中心</text>
			<view class="inline-flex item-center text-color-hint fs-12" @click="toMore">更多<image class="w-3 h-6 ml-4"
					src="@/static/svg/arrow-stroke.svg"></image>
			</view>
		</view>
		<view class="mt-16 flex justify-between">
			<view>
				<view class="fs-12 text-color-hint leading-17">今日成交额</view>
				<view class="fs-16 font-semibold text-color-regular leading-22 mt-4">{{data.orderAmt}}</view>
			</view>
			<view>
				<view class="fs-12 text-color-hint leading-17">今日成交量</view>
				<view class="fs-16 font-semibold text-color-regular leading-22 mt-4">{{data.orderNum}}</view>
			</view>
			<view>
				<view class="fs-12 text-color-hint leading-17">今日成交人数</view>
				<view class="fs-16 font-semibold text-color-regular leading-22 mt-4">{{data.orderUserNum}}</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		onMounted
	} from 'vue'
	const props = defineProps({
		data: {
			type: Object,
			required: true,
			default: {}
		}
	})
	
	const toMore = () => {
		console.log('点击了更多')
		uni.navigateTo({
			url:'/pagesI/centerData/centerData'
		})
	}
	// onMounted(() => {
		
	// })
</script>